<!--
 * @Author: 小花
 * @Date: 2022-01-17 13:13:19
 * @LastEditors: 小花
 * @LastEditTime: 2022-01-17 13:42:18
 * @Description: 子程序 -- 微信扫码登录
-->
<template>
    <div class='wxSigin_container'>
        <center>
            <h2>微信扫码签到</h2>
            <h4> {{dateTime}} </h4>
        </center>
    </div>
</template>

<script>
//这里可以导入其他文件（比如：组件，工具js，第三方插件js，json文件，图片文件等等）
//例如：import 《组件名称》 from '《组件路径》';
import dayjs from 'dayjs'

export default {
    //import引入的组件需要注入到对象中才能使用
    components: {},
    data () {
        //这里存放数据
        return {
            dateTime: ''
        }
    },
    //监听属性 类似于data概念
    computed: {
    },
    //监控data中的数据变化
    watch: {},
    //方法集合
    methods: {
        setDateTime () {
            setInterval(() => {
                this.dateTime = dayjs().format("YYYY-MM-DD HH:mm:ss")
            }, 1000);
        }
    },
    //生命周期 - 创建完成（可以访问当前this实例）
    created () {
        this.setDateTime();
    },
    //生命周期 - 挂载完成（可以访问DOM元素）
    mounted () {

    },
    //当data中定义的数据有变化时就会加载updated方法
    updated () { },
}
</script>

<style lang='scss' scoped>
//@import url(); 引入公共css类
.wxSigin_container {
}
</style>